Scrollbar en el blog

A petición de Popeosorio vamos a añadir una barra de desplazamiento en las entradas del blog llamada también Scrollbar, para hacerlo nos situamos en Edición de HTML y buscamos:

.post {

Según plantilla la parte que le sigue irá precedida de otras líneas de código, sería algo así:

.post {
margin:.5em 0 1.5em;
padding-bottom:1.5em;
height:300px;
overflow:auto;
border-bottom:1px dotted $bordercolor;
}

Añadiremos lo que aparece en negrita y miraremos en vista previa para comprobar que height:300px; es la medida que deseamos para nuestro Scrollbar. Si el contenido del Scrollbar fuera inferior, el Scrollbar no se mostrará, lo solucionaremos probando con height:200px; o con un valor inferior hasta que visionemos en vista previa el Scrollbar.


Si deseas que el Scrollbar incluya solamente el texto de la entrada también hay forma de hacerlo.

Para añadir a la sidebar un Scrollbar hay dos formas, una es envolviendo toda la sidebar en un bloque.
Para ello buscamos en /* Sidebar Content.
Y localizamos :

.sidebar {
height:600px;
overflow:auto;
color: $sidebartextcolor;
line-height: 1.5em;
}

Añadiremos lo que aparece en negrita y miraremos en vista previa.


Si lo que deseamos es que el Scrollbar separe los widgets lo que haremos será lo siguiente:

Nos situamos en <div id='sidebar-wrapper'> unas líneas más abajo veremos los widgets de la sidebar y los diferenciaremos por el nombre que les dimos al añadirlos.
Por ejemplo en Etiquetas veremos algo sí:

<b:widget id='Label1' locked='false' title='Etiquetas' type='Label'/>

Para los Archivos lo veríamos así:

<b:widget id='BlogArchive1' locked='false' title='Archivos' type='BlogArchive'/>

Lo que haremos será conseguir la "id" de cada widget, es el nombre que aparece después de "id= "sin incluir la comilla.

Una vez localizado nos vamos a /* Sidebar Content. y añadimos esta porción de código para las etiquetas:

#Label1{
height:300px;
overflow:auto;
}

O para los Archivos:

#BlogArchive1 {
height:300px;
overflow:auto;
}

Recordad que la "id=" debe ser la que tengáis en vuestra plantilla, yo he añadido Label1 y BlogArchive1 para el ejemplo.
(Si el elemento que añadimos es una lista añadiremos "ul" )

#EnlacesList1 ul{
height:300px;
overflow:auto;
}


Si tenemos dos sidebar la solución es añadir:

#newsidebar .widget{
height:300px;
overflow:auto;
}

Puede que en vuestra plantilla la segunda columna se localice de forma distinta #sidebardos { #b-sidebar { por citar algunos ejemplos.

Añadimos un Scrollbar a los comentarios buscando en:
/* Comments ----------------------------------------------- */

Y añadiendo lo que aparece en negrita:

#comments {
margin:0;
height:300px;
overflow:auto;
}